<script setup>
</script>

<!--GENERAL DATA表格内容-->
<template>
  <div id="data-dTop-des">

    <!-- 上半部分 -->
    <table class="des-up">
      <thead>
      <tr>
        <th style="width: 110px">Category:</th>
        <th >Model Vehicle(s):</th>
        <th style="width: 300px">General Armor:</th>
        <th>None</th>
      </tr>
      </thead>

      <tbody>
      <!-- Damage Points -->
      <tr>
        <td>Damage Points:</td>
        <td>1</td>
        <td>Mast Height:</td>
        <td>0 m</td>
      </tr>

      <!-- Length -->
      <tr>
        <td>Length:</td>
        <td>20 m</td>
        <td>Vehicle/Component Dispersal Radius:</td>
        <td>0 m</td>
      </tr>

      <!-- Width -->
      <tr>
        <td>Width:</td>
        <td>20 m</td>
      </tr>

      <!-- Area -->
      <tr>
        <td>Area:</td>
        <td>400 m</td>
      </tr>
      </tbody>

    </table>

    <!-- 下半部分 -->
    <table class="ooda-style">
      <!-- 分组表格列 -->
      <colgroup>
        <!-- 左侧表格列 -->
        <col style="width: 25%;">
        <!-- 右侧表格列 -->
        <col style="width: 75%;">
      </colgroup>

      <tbody>
      <tr>
        <!-- 左侧单元格 -->
        <td style=" text-align: left;vertical-align: top;padding-top: 10px">
          OODA cycle:
        </td>
        <!-- 右侧单元格 -->
        <td>
          <p>Detection: 15 seconds Observe, Orient, Decide, and Act (reaction time)</p>
          <p>Targeting: 0 seconds (Novice Proficiency Level)</p>
          <p>0 seconds (Cadet)</p>
          <p>0 seconds (Regular)</p>
          <p>0 seconds (veteran)</p>
          <p>0 seconds (Ace)</p>
          <p>Evasion: 2 seconds</p>
        </td>
      </tr>
      </tbody>
    </table>

    <table class="missDef-style">
      <!-- 分组表格列 -->
      <colgroup>
        <!-- 左侧表格列 -->
        <col style="width: 35%;">
        <!-- 右侧表格列 -->
        <col style="width: 65%;">
      </colgroup>

      <tbody>
      <tr>
        <!-- 左侧单元格 -->

        <td>Missile Defence:</td>

        <!-- 右侧单元格 -->
        <td>
          <p>1 Harpoon / SLAM/ Maverick equivalents</p>
        </td>
      </tr>
      </tbody>
    </table>
  </div>
</template>

<style scoped>
th {
  width: 150px;
  font-weight: normal;
  text-align: left;
}

.ooda-style,.missDef-style{
  margin-top: -10px;
}

</style>
